.loading{
  max-width: 200px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  span{
    font-size: 21px;
    font-weight: bolder;
    color:#5dd5c8;
    letter-spacing: 4px;
  }
}

.factory(4);

.factory(@count,@index:1) when (@count>=@index){
  .loading>span:nth-child(@{index}){
    animation: skip 1s ~".@{index}s" infinite alternate;
  }
  .factory(@count,@index+1)
}

@keyframes skip {

  100%{
    transform: translateY(-25px);
  }
}